<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="description" content="Miminium Admin Template v.1">
  <meta name="author" content="Isna Nur Azis">
  <meta name="keyword" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>油乐宝分销系统</title>

  <!-- start: Css -->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/bootstrap.min.css">

  <!-- plugins -->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/font-awesome.min.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/simple-line-icons.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/animate.min.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/icheck/skins/flat/aero.css"/>
  <link href="__PUBLIC__/asset/css/style.css" rel="stylesheet">
  <!-- end: Css -->

  <link rel="shortcut icon" href="__PUBLIC__/asset/img/logomi.png">
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
    </head>

    <body id="mimin" class="dashboard form-signin-wrapper">

      <div class="container">

        <form class="form-signin" action="{:Url('Login/indexForm')}" method="post">
          <div class="panel periodic-login">
              <span class="atomic-number"></span>
              <div class="panel-body text-center">
                  <h1 class="atomic-symbol">Oil</h1>
                  <p class="atomic-mass">14.072110</p>
                  <p class="element-name">Oil登录</p>

                  <i class="icons icon-arrow-down"></i>
                  <div class="form-group form-animate-text" style="margin-top:40px !important;">
                    <input type="text" class="form-text" name = "username" required>
                    <span class="bar"></span>
                    <label>账号</label>
                  </div>
                  <div class="form-group form-animate-text" style="margin-top:40px !important;">
                    <input type="password" class="form-text" name = "password" required>
                    <span class="bar"></span>
                    <label>密码</label>
                  </div>
                  <div class="form-group form-animate-text" style="margin-top:40px !important;">
                    <input type="text" name="verifyCode" class="form-text" onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}"required>
                    <span class="bar"></span>
                  <!-- <img id="verify_img" src="<{:captcha_src()}>"  onclick="refreshVerify()">  -->
                  <!-- <img src="{:captcha_src()}" alt="captcha" onclick="this.src='{:captcha_src()}'"/> -->
                  <img id="verifycode_img" title="点击更换" src="{:captcha_src()}" onclick="this.src='{:captcha_src()}?seed='+Math.random()">
                  <label>验证码</label>
                  </div>
                  
                    
                  <label class="pull-left">
                  <input type="checkbox" class="icheck pull-left" name="checkbox1"/> 记住 密码
                  </label>
                  <input type="submit" class="btn col-md-12" value="登录"/>
              </div>
                <div class="text-center" style="padding:5px;">
                    <a href="{:Url('Login/forgotpass');}">忘记 密码 </a>
                    <a href="{:Url('Login/redirectRegister');}">| 注册</a>
                </div>
          </div>
        </form>

      </div>

      <!-- end: Content -->
      <!-- start: Javascript -->
      <script src="__PUBLIC__/asset/js/jquery.min.js"></script>
      <script src="__PUBLIC__/asset/js/jquery.ui.min.js"></script>
      <script src="__PUBLIC__/asset/js/bootstrap.min.js"></script>

      <script src="__PUBLIC__/asset/js/plugins/moment.min.js"></script>
      <script src="__PUBLIC__/asset/js/plugins/icheck.min.js"></script>

      <!-- custom -->
      <script src="__PUBLIC__/asset/js/main.js"></script>
      <script type="text/javascript">
       $(document).ready(function(){
         $('input').iCheck({
          checkboxClass: 'icheckbox_flat-aero',
          radioClass: 'iradio_flat-aero'
        });
       });
     </script>
     <script>
    // function refreshVerify() {
    //     var ts = Date.parse(new Date())/1000;
    //     $('#verify_img').attr("src", "/captcha?id="+ts);
    // }
    </script>
     <!-- end: Javascript -->
   </body>
   </html>